@charset "utf-8";
/* CSS Document public css start */
ul, li{
	list-style:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-align: center;
	width: auto;
	font-weight: bold;
	background-position: left center;
	word-spacing: normal;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 5;
	padding-right: 5;
	padding-bottom: 5;
	padding-left: 0;
}
body{
	margin:0;
	padding:5;
	padding-top:0px;
	overflow-x:hidden;
	font-size: 12px;
}


.menubg{background:black; width:1200px; height:36px;}
.menubox{width:1200px; margin:0 auto;}
.menubox ul li a{font-size:14px;}
.MenuBarHorizontal{}
.MenuBarHorizontal li{ width:180px!important;}
.MenuBarHorizontal li div{color:white;}
.MenuBarHorizontal li div a{background:black; color:white;}

/* public css end */

@media screen and (min-width:1500px){
	.container{ width:1500px;}
}
/*header part, navigation*/
.mknav{ width:100%; margin:0 auto; height:60px; background:transparent; line-height:60px; border:none; position:fixed; top:0; left:0;}
.mknav a{ color:#fff!important;}
.mknav a.navbar-brand {height:60px; position:relative; top:0px; left:150px;}
.mknav a.navbar-brand-scroll {height:60px!important; top:-16px!important; }
.mknav a.navbar-brand-scroll img{height:60px!important;}

#navbar>ul{height:60px; margin-left:400px;}
#navbar>ul>li{height:100%; line-height:60px; padding-left:20px; padding-right:20px;}
#navbar li>a{background:none; display:inline; font-size:18px;}
#navbar>ul>li:hover{background:#2969f2;}
.cnen{color:#16b0fa; font-size:18px;}
.cnen a{ color:#16b2fd!important;}
.cnen i{display:inline-block; width:32px; height:32px; background:url(../images/tel.png) no-repeat; position:relative; top:8px;}
#navbar .dropdown-menu{ background:#f6f6f6;}
#navbar .dropdown-menu li{line-height:46px; border-bottom:1px solid #e4e6e8;}
#navbar .dropdown-menu li:hover{background:#ffffff;}
#navbar .dropdown-menu li a{color:#333333!important;}
#navbar .dropdown-menu li:hover a{color:#2969f2!important;}
.bluebg{background:#043862!important;}
.mknav img{ width:100%;}


/*footer*/
.footer_box{
	width:1200px;
	margin:0;
	background:#000000;
	padding-top:30px;
	padding-bottom:30px;
	color:#000000;
	line-height:28px;
	left: 0px;
	font-size: 12px;
	font-style: normal;
}
.footer h3{
	font-size:18px;
	color:#FFF;
	text-indent:4px;
	background-color: #000000;
}
.footer .insci{font-size:46px; font-weight:800;text-indent:4px;}
.footer ul{
	padding-left:0px;
	margin-top:20px;
	font-size: 12px;
}
.footer ul li{
	text-indent:4px;
	background-color: #000000;
}
.footer ul li a{ color:#FFF; font-size:14px;  text-decoration:none;}
.copyright{ background:#312e2e; width:100%; margin:0 auto; font-size:13px; line-height:50px;color:#FFF; text-align:center;letter-spacing:1px;}
/*The above is css for public parts*/


/*home page year country people*/
.home_global{ margin:0 auto; text-align:center; background:#fcfcfc; margin-top:35px;}
.home_global h3{ font-size:26px; font-weight:bold;letter-spacing:2px; line-height:42px; color:#00467a;}
.home_global p{ font-size:17px; line-height:34px; margin-bottom:0px;}
.home_global ul{ width:100%;margin:0 auto; margin-top:40px; overflow:hidden;}
.home_global ul li{font-size:16px;  padding-left:0; padding-right:0; }
.home_global ul li div{width:100%;background:#f2f2f2; padding-top:25px; padding-bottom:25px;}
.home_global ul li:nth-child(1){padding-left:0px; padding-right:20px;}
.home_global ul li:nth-child(2){padding-left:10px; padding-right:10px;}
.home_global ul li:nth-child(3){padding-left:20px; padding-right:0px;}
.home_global ul li strong{ font-size:36px; color:#04397a; line-height:36px;}
.home_global ul li em{ font-size:18px; position:relative; top:-10px;}

/*home page about us*/
.abouttop{max-width:1500px; height:400px; margin:45px auto; position:relative;}
.aboutl{width:50%; max-width:740px; float:left; padding-right:20px; box-sizing:border-box; padding-bottom:56px; padding-left:10px;}
.aboutl h1{font-size:30px; color:#333333; line-height:40px; font-weight:800;}
.aboutl p{font-size:16px; line-height:36px; margin-top:30px; padding-bottom:40px;}
.aboutl a{display:inline-block;  width:140px; height:30px; line-height:30px; text-align:center; color:#16b2fd; font-size:18px; font-weight:bold;}
.aboutl a i{display:inline-block; width:20px; height:16px; background:url(../images/more_arrow.png) no-repeat; position:relative;top:6px; margin-left:8px;}
.aboutl a:hover{background:#16b2fd; color:#fff; border-radius:5px;}
.aboutl a:hover i{background:url(../images/more_arrow.png) no-repeat bottom; top:2px;}
.aboutpic{width:48%; max-width:730px; position:absolute; bottom:0; right:0;}

/*home page service*/
.introduce_box{ margin-top:40px; padding-left:0px; padding-right:0px; overflow:hidden;}
.introduce_box .col-md-4{ position:relative; margin-bottom:20px; }
.introduce_box .col-md-4 .introduce_pic{overflow: hidden; border-radius:10px;}
.introduce_box .col-md-4 img{width:100%; transition: all 0.5s;}
.introduce_box .col-md-4 img:hover{transform: scale(1.2);}
.introduce_box .introduce{ color:#FFF;position:absolute; bottom:50px; left:40px;}
.introduce_box .introduce a{color:#FFF; text-decoration:none;}
.introduce_box .introduce a h3{ font-size:28px;}
.introduce_box .introduce a p{ font-size:16px; text-align:left;}
.introduce_box .introduce span{ display:inline-block;width:31px; height:31px; background:url(../images/introduce_icon.png) no-repeat; margin-left:10px; position:relative; top:8px; }
.introduce_box .introduce a:hover span{background-position:0px -30px;}
.servicedesc{text-align:center; padding-bottom:20px;}
.servicedesc h2{font-size:30px; font-weight:bold;}
.servicedesc p{font-size:18px; color:#666666;}

/*home page team*/
.teambg{background:#f2f2f2; padding-top:80px; padding-bottom:80px;}
.teambox{width:98%; max-width:1130px; margin:0 auto; position:relative;}
.teambox h2{color:#00467a; font-weight:600; font-size:40px;}
.teambox h3{color:#00467a; font-weight:300;font-size:26px;}
.teambox p{color:#666666; font-size:18px; padding-top:20px; padding-bottom:40px;}
.teambox i{width:58px; height:38px; background:url(../images/decorate.png) no-repeat; position:absolute;}
.teambox i.quote1{top:0px; left:0px; background-position:top;}
.teambox i.quote2{bottom:0px; right:0px; background-position:bottom;}
.teambox .btn-info{background:#16b2fd;}

.homecases .swiper-container{ padding-bottom:50px; padding-left:0px; padding-right:0px;}
.homecases .swiper-slide img{border:1px solid #f2f2f2; width:360px;}
.homecases .swiper-slide p {font-size: 14px; padding-top:10px;}
.homecases .swiper-slide p a{ color:#666666;}
.homecases .swiper-pagination{ bottom:0px;}
.homecases .swiper-pagination .swiper-pagination-bullet{ background:#feca0a;}
.homecases .swiper-button-prev{  background:url(../images/pre.png) no-repeat; background-size:contain; width:44px; height:44px; top:45%; left:0px;}
.homecases .swiper-button-next{  background:url(../images/next.png) no-repeat; background-size:contain;width:44px; height:44px;top:45%; right:0px;}
.homecases .swiper-button-prev:hover{  background:url(../images/pre2.png) no-repeat;}
.homecases .swiper-button-next:hover{  background:url(../images/next2.png) no-repeat;}

/*home page get in touch*/
.touchbg{background:#f2f2f2; padding-top:80px; padding-bottom:80px;}
.touchbox{width:98%; max-width:1130px; margin:0 auto; position:relative;}
.touchbox h2{color:#00467a; font-weight:500; font-size:30px;}
.touchbox p{color:#666666; font-size:18px; padding-top:20px; padding-bottom:20px;}
.sharenetwork{ overflow:hidden; width:90%; max-width:600px; margin:0 auto}
.sharenetwork img{float:left;}
.sharenetwork span{float:left; margin-top:56px; padding-left:10px;}
.socialico {width:100%; max-width:300px; float:right; margin-top:50px;}
.socialico a{display:block; float:left; width:30px; height:26px;transition:all 0.5s; margin-left:10px;}
.socialico a.linkedin{background:url(../images/share_01.png) no-repeat;}
.socialico a.linkedin:hover{background:url(../images/share_01b.png) no-repeat;}
.socialico a.youtube{background:url(../images/share_02.png) no-repeat;}
.socialico a.youtube:hover{background:url(../images/share_02b.png) no-repeat;}
.socialico a.twitter{background:url(../images/share_03.png) no-repeat;}
.socialico a.twitter:hover{background:url(../images/share_03b.png) no-repeat;}
.socialico a.facebook{background:url(../images/share_04.png) no-repeat;}
.socialico a.facebook:hover{background:url(../images/share_04b.png) no-repeat;}
.socialico a.instagram{background:url(../images/share_08.png) no-repeat;}
.socialico a.instagram:hover{background:url(../images/share_08b.png) no-repeat;}
/*small device css start*/
@media screen and (min-width:769px) and (max-width:1499px){
.mknav a.navbar-brand {left:50px;}
#navbar>ul{margin-left:50px;}
#navbar>ul>li{ padding-left:0px; padding-right:0px;}


}


@media screen and (min-width:769px) and (max-width:992px){

.navbar-header{display:none;}
#navbar>ul{margin-left:0px; width:100%;}
.cnen{display:none;}

}


@media screen and (max-width:992px){


.home_global ul li:nth-child(1){padding-left:0px; padding-right:0px;}
.home_global ul li:nth-child(2){padding-left:0px; padding-right:0px; margin-top:20px; margin-bottom:20px;}
.home_global ul li:nth-child(3){padding-left:0px; padding-right:0px;}

}
/*small device css end*/

@media screen and (max-width:768px){
/*mobile public css end*/
body{padding-top:60px;}
.mknav{ width:100%; margin:0 auto; height:60px; background:#042c62; line-height:60px;}
.mknav a{ color:#fff!important;}
.mknav a.navbar-brand {height:60px; position:relative; top:-16px; left:0px;}
.mknav a.navbar-brand img{height:60px;}
#navbar{ background:#f6f6f6;}
#navbar>ul{height:auto; margin-left:0; background:#f6f6f6;}
#navbar>ul>li{height:100%; line-height:40px; padding-left:0px; }
#navbar li>a{background:none; display:inline;color:#333333!important;}
#navbar>ul>li:hover{background:none;}
.cnen{color:#333333; margin-bottom:20px; position:relative; top:-20px;}
.cnen a{ margin:0 10px; font-size:12px;color:#333333!important;}
#navbar .dropdown-menu{}
#navbar .dropdown-menu li{line-height:46px; border-bottom:1px solid #e4e6e8;}
#navbar .dropdown-menu li a{color:#333333!important;}
.mknav .navbar-toggle{margin-top:12px;}
.navbar-default .navbar-toggle{ border-color:#309b02;}

.footer_box{padding-top:10px;}
.footer h3{ font-size:16px;text-indent:0px; text-align:left; }
.footer .col-md-2 ul{ margin-top:10px; }
.footer .col-md-2 ul li{text-indent:0px; text-align:center;}
.footer .col-md-2 ul li a{ font-size:12px; line-height:24px;}
.copyright{font-size:12px; line-height:36px;}
/*mobile public css end*/

/*mobile home page start*/
.home_global{ margin:0 auto;margin-top:20px; text-align:center; background:url(../images/home_globalbg.png) no-repeat; background-size:cover; margin-top:30px;}
.home_global h3{ font-size:20px; line-height:28px;}
.home_global p{ font-size:14px; line-height:26px; margin-bottom:30px;}
.home_global a{ padding:10px 36px 10px 36px; font-size:16px;}
.home_global ul{ width:100%; margin-top:50px;}
.home_global ul li{ font-size:12px; margin-left:3px;}
.home_global ul li strong{ font-size:30px; }
.introduce_box{ padding-left:8px;  margin-top:20px;}


.abouttop{margin:30px auto;position:none; height:auto;}
.aboutl{width:100%;  float:none; padding-right:10px;}
.aboutl h1{font-size:22px; line-height:30px; color:#333333; text-align:center;}
.aboutl p{font-size:14px; margin-top:20px;}
.aboutl a{display:block; margin:0 auto;width:80%; height:30px; line-height:30px; text-align:center; background:#16b2fd; color:#fff; border-radius:5px; font-size:18px; font-weight:bold;}
.aboutl a i{display:inline-block; width:20px; height:16px; margin:0px auto; background:url(../images/more_arrow.png) no-repeat bottom; top:2px; position:relative; }
.aboutpic{width:100%; position:static!important;}
.aboutpic img{width:100%;}

.introduce_box .col-md-4{ text-align:center; padding:0; }
.introduce_box .introduce_pic {width:90%; padding:0;margin:0 auto; position:relative; left:-5px;  box-sizing:border-box;}
.introduce_box .introduce_pic img{width:100%;}
/*mobile home page end*/




}